body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0 none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0 none;
font-variant:normal;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input, textarea, select {
}
legend {
color:#000000;
}
del, ins {
text-decoration:none;
}
* {
color:#516064;
font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
font-weight:300;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E3EBEF url(header_bg_blue.png) repeat-x scroll 0 0;
width:100%;
}
.clear {
clear:both;
line-height:0;
}
a, a:visited {
color:#863486;
cursor:pointer;
text-decoration:none;
}
a:hover {
color:#660066;
}
a:active {
color:#4E0A4E;
}
a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
a::-moz-focus-inner {
border:0 none;
}
#header {
clear:both;
display:block;
height:94px !important;
margin:0 auto 35px;
width:790px;
}
#header {
margin-bottom:24px !important;
}
#header #nav {
clear:both;
display:block;
float:left;
margin:0 auto;
padding-top:16px;
width:300px;
}
#header #nav a#logo, a#logo_small {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(logo.png) no-repeat scroll 0 0;
color:#660066;
display:block;
font-weight:bold;
height:60px;
margin-left:-6px;
text-indent:-9999px;
width:202px;
}
a#logo_small {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://l.yimg.com/cc/img/en_PH/1252444248/logo_small.png) no-repeat scroll 0 0;
height:54px;
margin-top:-15px;
width:186px;
}
a#logo_small:hover {
background-position:-224px top;
}
#header #nav a#logo:hover {
background-position:0 -70px;
}
#header #menu {
float:right;
padding-top:15px;
text-align:right;
width:400px;
}
#menu {
margin-top:6px;
width:450px !important;
}
#menu ul.top_nav {
height:20px;
margin-top:5px;
}
#menu ul.top_nav li a {
color:#516064;
}
#menu ul.top_nav li a:hover {
text-decoration:underline;
}
#header #menu ul {
display:block;
}
#header #menu ul li {
border-right:1px solid #BAD0D8;
float:right;
font-size:16px;
padding:0 5px;
text-transform:lowercase;
}
#menu ul.top_nav li {
font-size:12px !important;
padding-right:17px;
}
#header #menu ul li.last {
border:0 none;
padding-right:0;
}
#header #menu ul li a {
padding:2px 4px;
}
#content, .content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#FFFFFF none repeat scroll 0 0;
clear:both;
display:block;
margin:0 auto;
padding:10px 0 0;
width:790px;
}
.intern {
margin-bottom:50px;
}
#divMessages, #divSuccess, #divAsyncMessages {
margin:0 auto;
width:790px;
}
#divMessages .notify, #divSuccess .notify, #divAsyncMessages .notify {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#FFFFFF url(box_gradient.png) repeat-x scroll left bottom;
border:1px solid #D3DBDF;
margin-bottom:20px;
padding:10px;
position:relative;
}
#divMessages .close, #divSuccess .close, #divAsyncMessages .close {
margin-top:-11px;
position:absolute;
right:10px;
top:50%;
}
.bubble {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#FFFFFF url(box_gradient.png) repeat-x scroll left bottom;
border:1px solid #D3DBDF;
font-size:11px;
margin-bottom:10px;
padding:2px;
position:relative;
}
.bubble .closex, .bubble .close {
margin-top:-8px;
position:absolute;
right:-15px;
top:50%;
}
.bubble .closex {
font-size:10px;
right:-14px;
}
.bubble input {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
border:0 none;
font-size:11px;
height:15px;
left:2px;
line-height:14px;
padding:6px 6px 5px;
position:absolute;
top:2px;
width:467px;
}
.bubble .save, .bubble .btn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
background:#984097 none repeat scroll 0 0;
border:0 none;
color:#FFFFFF;
cursor:pointer;
display:block;
height:26px;
left:auto;
overflow:hidden;
padding:0;
position:absolute;
right:2px;
text-transform:uppercase;
top:2px;
width:72px;
}
.bubble label {
color:#999999 !important;
font-style:italic;
left:10px;
margin-top:-2px;
position:absolute;
top:10px;
z-index:9999;
}
.bubble .msg {
display:block;
padding:6px;
}
.write {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D3DDE2 none repeat scroll 0 0;
border:0 none;
height:26px;
}
.write input {
width:469px;
}
.pagination {
display:block;
margin:20px auto 30px;
width:790px;
}
.pagination .step-links a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#984097 none repeat scroll 0 0;
color:#FFFFFF !important;
display:block;
float:right;
margin-left:10px;
padding:7px 15px;
}
.pagination .step-links a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#883888 none repeat scroll 0 0;
text-decoration:none;
}
.pagination .loading {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:#883888 url(loading_white_purple.gif) no-repeat scroll 6px 10px !important;
padding-left:28px !important;
}
.pagination .msg {
float:left;
font-size:14px;
font-weight:500;
padding:8px 0;
width:500px;
}
.pagination .notify {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#FFFFFF url(box_gradient.png) repeat-x scroll left bottom;
border:1px solid #D3DBDF;
cursor:pointer;
margin-bottom:20px;
padding:4px 10px;
position:relative;
}
.pagination .notify .close {
margin-top:-11px;
position:absolute;
right:10px;
top:50%;
}
.pagination .notify .msg {
display:block;
float:none;
}
div.full {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(footer_bg_blue.png) repeat-x scroll 0 0;
margin-top:30px;
width:100%;
}
#footer {
clear:both;
display:block;
font-size:12px !important;
font-weight:normal !important;
height:100px;
margin:0 auto;
padding-top:60px;
width:790px;
}
#footer ul {
margin-bottom:12px;
padding-top:10px;
}
#footer ul.links {
padding-top:0;
}
#footer ul li {
display:inline;
font-weight:normal !important;
letter-spacing:0;
margin-right:16px;
}
#footer ul li form {
float:left;
line-height:0;
margin-right:16px;
}
#footer a {
color:#863486;
font-size:12px !important;
font-weight:normal !important;
}
#footer #yahoologo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(yahoo_logo.png) no-repeat scroll center top;
float:right;
height:65px;
position:relative;
width:250px;
}
#footer #yahoologo p {
font-size:11px;
padding-top:40px;
position:absolute;
text-align:center;
top:0;
width:100%;
}
#footer #yahoologo .yahoolink {
bottom:30px;
display:block;
height:40px;
left:45px;
position:absolute;
width:160px;
}
.full2 {
display:none;
}
.el1 {
display:none;
}
.el2 {
display:none;
}
#tooltip {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#8D3A89;
color:#FFFFFF !important;
font-size:12px;
font-weight:normal;
opacity:0.85;
padding:2px 5px;
position:absolute;
z-index:3000;
}
#tooltip h3, #tooltip div {
color:#FFFFFF !important;
margin:0;
}
#konami {
bottom:0;
left:0;
position:fixed;
z-index:9999;
}
a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
a::-moz-focus-inner {
border:0 none;
}
html {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F6F9 url(home_bg_splash.png) repeat-x scroll 0 0;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
}
#blog {
text-align:center;
width:100%;
}
.main {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(home_dogs.png) no-repeat scroll center -5px;
margin:70px auto 0;
text-align:left;
width:960px;
}
#coming {
height:80px;
padding-top:250px;
text-align:center;
width:100%;
}
#meme {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(splash_signup.png) no-repeat scroll -164px -43px;
display:block;
float:left;
height:72px;
margin-left:4px;
margin-top:20px;
text-indent:-9999px;
width:146px;
}
#coming h1 {
color:#333333;
font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
font-size:44px;
font-weight:300;
letter-spacing:-1px;
text-align:center;
}
#coming h2 {
color:#666666;
font-size:20px;
font-weight:300;
letter-spacing:0 !important;
text-align:center;
}
#remind {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background:#5C5D5E url(splash_grey.jpg) repeat-x scroll center top;
color:#FFFFFF;
height:40px;
margin:50px auto 0;
padding:30px 0;
text-align:center;
width:946px;
}
#remind span {
color:#FFFFFF;
display:inline;
vertical-align:middle;
}
#done span {
font-size:18px;
padding-top:8px;
}
#done a {
color:#FFFFFF;
text-decoration:underline;
}
#remind span strong {
color:#FFFFFF;
font-weight:bold;
}
#remind input#gwt-TextBox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(splash_signup.png) repeat-x scroll left top;
border:0 none;
margin:0 10px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:11px 10px;
vertical-align:middle;
width:298px;
}
#remind input#gwt-PasswordTextBox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(splash_signup.png) repeat-x scroll left top;
border:0 none;
margin:0 10px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:11px 10px;
vertical-align:middle;
width:298px;
}
#remind input.send {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(splash_signup.png) repeat-x scroll -327px top;
border:0 none;
display:inline !important;
height:38px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
vertical-align:middle;
width:134px;
}
#remind input.send:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(splash_signup.png) repeat-x scroll -327px -39px;
cursor:pointer;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#remind input.send:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(splash_signup.png) repeat-x scroll -327px -79px;
cursor:pointer;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#remind input::-moz-focus-inner {
border:0 none;
}
#why p {
color:#666666;
font-size:18px;
margin-left:12px;
}
#why p strong {
color:#883387;
}
#login {
float:right;
font-size:17px;
margin-right:10px;
padding-top:22px;
text-align:right;
z-index:4;
}
#login a {
color:#666666;
}
#login a:hover {
color:#6D106C;
}
#login a strong {
color:#863486;
}
#login a:hover strong {
color:#6D106C;
}
#login li {
border-right:1px solid #CCCCCC;
float:right;
font-size:15px;
padding:0 8px;
text-transform:lowercase;
}
#login .last {
border:0 none;
}
#login li a {
color:#863486;
}
div.full {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
}
#footer {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent none repeat scroll 0 0 !important;
padding-left:12px;
padding-top:46px;
width:948px;
}
#footer p {
color:#999999;
font-size:12px;
text-align:left;
}
#footer form {
float:left;
margin-right:16px;
}
#footer p.left {
float:left;
}
#footer p.right {
float:right;
padding-right:12px;
text-align:right !important;
}
